<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片插入练习</title>
</head>
<body>
<!--
    图片与文件在同一个文件夹,直接写图片的全名
    图片在文件的下一级文件夹,先写文件夹名,在写文件夹下的图片全名
    图片在文件的上一级文件夹,先写../回到上一级,在写文件的全名
-->
<img src="2.png" alt="" title="我是第一张图片">
<img src="img/1.jpg" alt="">
<img src="../3.png" alt="">
<!-- 如果src的路径不正确,则会显示Alt的文字-->
<img src="../3.pg" alt="哎呀,图片走丢了">
<img src="https://cdn.tmooc.cn/bsfile//courseImg///5f791c0985cc4a67a5c4dca6627155b0.jpg">
<!--    width 和 height 只要设置一个,另一个就会跟着修改,注意图片的原始比例防止图片失真-->
<img src="img/zly.jpg" width="300" >
</body>
</html>